<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <title>CSLNTouch</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="stylesheet" type="text/css" href="css/cslntouch-style.css">
  <!-- <link rel="stylesheet" href="css/tem.css"> -->
  <script src="js/jquery-3.0.0.min.js"></script>
  <script src="js/swiper.jquery.min.js"></script>
  <script src="js/cslntouch-jq.js"></script>
</head>

<body>

  <div class="bg">
    <header class="article">
      <h1 class="headernormal"><i class="icon-home">&nbsp;</i>华夏图书馆查询系统</h1>
    </header>
    <section id="maincontent">

      <!--
<div class="exit">
    <div class="autotime" id="countdown"><i class="icon-time">&nbsp;</i>距离自动退出还有 <span>46</span> 秒</div>
    <div class="return"><a class="colorblue" href="cslntouch.aspx"><i class="icon-reply"></i><span>返回<br>首页</span></a></div>
    <div class="userlogout"><a class="colorblue" href="cslntouch.aspx?job=logout"><i class="icon-signout"></i><span>退出<br>登录</span></a></div>
</div>
-->

      <div class="wrapper">
        <div class="search">
          <form id="AjaxForm" method="post" action="48">
            <input type="text" name="query" placeholder="请输入题名/图书条码/索书号等查询" onkeypress="javascript:AjaxKeyPress(event, 301)" value="">
            <button type="button" onclick="javascript:SubmitAjaxForm(event,301);"><i class="icon-search"></i></button>

            <ul class="hotwords">
              <li><a href="javascript:;">三国演义</a></li>
              <li><a href="javascript:;">三国演义三国演义三国演义三国演义</a></li>
              <li><a href="javascript:;">三国演义</a></li>
              <li><a href="javascript:;">三国演义三国演义三国演义三国演义三国演义三国演义三国演义</a></li>
              <li><a href="javascript:;">三国演义三国演义三国演义三国演义三国演义三国演义三国演义</a></li>
              <li><a href="javascript:;">三国演义三国演义三国演义三国演义三国演义三国演义三国演义</a></li>
          </ul>
          </form>
        </div>
        <!--
        <div class="button">
          <div class="newbooks">
            <a href="javascript:AjaxAction(49);" class="newbooks-button">
              <i class="icon-book">&nbsp;</i><span>新到图书</span>
            </a>
          </div>
          <div class="readerlogin">
            <div class="readerlogin-button" id="UserPanel">
              <i class="icon-user">&nbsp;</i><span>读者登录</span>

            </div>
            <div class="readerlogin-form">
              <div class="mask"></div>
              <div class="error" id="errorMessage"></div>
              <div class="form">
                <form id="LoginForm" method="post" action="47">
                  <p><input type="text" name="username" placeholder="请输入用户名" onkeypress="javascript:AjaxKeyPress(event, 300)"></p>
                  <p><input type="password" name="password" placeholder="请输入密码" onkeypress="javascript:AjaxKeyPress(event, 300)"></p>
                  <p>
                    <button type="reset" onkeypress="javascript:AjaxKeyPress(event, 300)">重新输入</button>
                    <button id="loginconfirm" type="button" onclick="javascript:SubmitAjaxForm(event, 300);" onkeypress="javascript:AjaxKeyPress(event, 300)">登　　录</button>
                    <button id="close"><i class="icon-remove"></i></button>
                  </p>
                </form>
              </div>
            </div>

          </div>
        </div>
-->
        <div class="menu-list">
          <ul>
            <li>
              <a class="btn" href="#">
                <span>
                  <img src="img/icons-3/touchicon-17.png" alt="icon">
                </span>
                <span>新到图书</span>
              </a>
            </li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-16.png" alt="icon"></span><span>开馆时间</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-22.png" alt="icon"></span><span>推荐图书</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-26.png" alt="icon"></span><span>本馆风光</span></a></li>

            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-09.png" alt="icon"></span><span>图书馆简介</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-19.png" alt="icon"></span><span>入馆须知</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-18.png" alt="icon"></span><span>办理借阅证</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-20.png" alt="icon"></span><span>本官热借</span></a></li>
            <li><a class="btn" href="#"><span><img src="img/icons-3/touchicon-21.png" alt="icon"></span><span>读书排行</span></a></li>




          </ul>
        </div>

        <div class="lib-news">
          <a href="#"><span><img src="img/icon-03.png" alt="icon"></span><span>本馆动态</span></a>
        </div>


        <div class="readerlogin">
          <a class="readerlogin-button" id="UserPanel" href="#">
                <span><img src="img/icon-05.png" alt="icon"></span>
                <span>
                读者登录
<!--                <%=GetUserPanel()%>-->
                </span>
              </a>
          <div class="readerlogin-form">
            <div class="mask"></div>
            <div class="error" id="errorMessage">
              <!--                  <%=GetSelfServiceMessage()%>-->
            </div>
            <div class="form">
              <form id="LoginForm" method="post" action="<%=GetCurrentFunctionIndex()%>">
                <p><input type="text" name="username" placeholder="请输入用户名" onKeyPress='javascript:AjaxKeyPress(event, 300)' /></p>
                <p><input type="password" name="password" placeholder="请输入密码" onKeyPress='javascript:AjaxKeyPress(event, 300)' /></p>
                <p>
                  <button type="reset" onKeyPress='javascript:AjaxKeyPress(event, 300)'>重新输入</button>
                  <button id="loginconfirm" type="button" onclick="javascript:SubmitAjaxForm(event, 300);" onKeyPress='javascript:AjaxKeyPress(event, 300)'>登　　录</button>
                  <button id="close"><i class="icon-remove"></i></button>
                </p>
              </form>
            </div>
          </div>
        </div>


        <div class="video video-closed">
          <video controls loop show>
            <source src="video/Main.mp4" type="video/mp4">
          </video>
          <div class="closevideo"><i class="icon-remove-circle"></i></div>
          <div class="playvideo"><i class="icon-play-circle"></i>播放视频</div>
        </div>

      </div>
    </section>
    <footer>
      <div class="company"><img src="img/cslntouch-logo.png" alt="">北京华夏网信科技有限公司</div>
    </footer>
  </div>
</body>

</html>
